<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>1111</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="iconfont/iconfont.js"></script>
</head>
<body>
    <div class="header">
        <img src="images/header.png" alt="">
    </div>
    <div class="main">
        <div class="section">
            <div class="col hotel">
                <p>酒店</p>
                <img src="images/hotel.png" alt="">
            </div>
            <div class="col">
                <div>特惠酒店</div>
                <div>客栈</div>
            </div>
            <div class="col">
                <div>海外酒店</div>
                <div>名宿</div>
            </div>
        </div>
        <div class="section">
            <div class="col hotel">
                <p>机票</p>
                <img src="images/flight.png" alt="">
            </div>
            <div class="col">
                <div>低价机票</div>
                <div>火车票</div>
            </div>
            <div class="col">
                <div>汽车票 · 船票</div>
                <div>专车 · 自驾</div>
            </div>
        </div>
        <div class="section">
            <div class="col hotel">
                <p>度假</p>
                <img src="images/holiday.png" alt="">
            </div>
            <div class="col">
                <div>景点  · 门票</div>
                <div>自由行</div>
            </div>
            <div class="col">
                <div>旅游团购</div>
                <div>周边 · 短途</div>
            </div>
        </div>
        <div class="section">
            <div class="col">
                <p>金融 · 理财</p>
                
            </div>
            <div class="col">
                <div>保险  · 车险</div>
            </div>
            <div class="col">
                <div>换外币</div>
                
            </div>
        </div>
    </div>
    <div class="nav">
        <ul class="nav-top">
            <li>
                <i></i>
                <p>签证 · WIFI</p>
            </li>
            <li>
                <i></i>
                <p>出境游</p>
            </li>
            <li>
                <i></i>
                <p>一日游</p>
            </li>
            <li>
                <i></i>
                <p>美食林</p>
            </li>
        </ul>
        <ul class="nav-bottom">
            <li>
                <i></i>
                <p>汽车票</p>
            </li>
            <li>
                <i></i>
                <p>邮轮游</p>
            </li>
            <li>
                <i></i>
                <p>超级巴士</p>
            </li>
            <li>
                <i></i>
                <p>攻略</p>
            </li>
        </ul>
    </div>
    <div class="guide">
        <div>
            <i></i>
            <p>下载APP</p>
        </div>
        <div>
            <i></i>
            <p>我的订单</p>
        </div>
        <div>
            <i></i>
            <p>我的</p>
        </div>
    </div>
    <div class="footer">
        <p>xxxxxx</p>
        <p><a href="#">关于我们</a></p>
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-fangdajing"></use>
          </svg>
    </div>
</body>
</html>